#g-alert{
  position: fixed;
  z-index: 999999;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
  pointer-events: none;
}
#g-alert .bd{
  display: inline-block;
  background-color: #fff;
  position: relative;
  padding: 8px 16px;
  font-size: 12px;
}
#g-alert .fa{font-size: 13px;}
#g-alert .alert-bd{
  opacity: 0;
  margin-top: 6px;
  position: relative;
  filter:alpha(opacity=100);
  animation-name: fadeInDown;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}